<template>
  
    <table class="table table-border" border="1">
        <tr>
            <td colspan="2">  <h2>登录</h2></td>
        </tr>
        <tr>
            <td>用户名</td>
            <td>
                
                <input type="text" placeholder="请填写用户名" v-model="name"/>
            </td>
        </tr>
        <tr>
            <td>密码</td>
            <td>
                
                <input type="password" placeholder="请填写密码" v-model="pwd"/>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                
                <input type="button" value="登录" @click="login" />
            </td>
        </tr>
    </table>
</template>
<script setup lang="ts">
import {ref } from 'vue';
import axios from 'axios';
//创建变量用函数接值绑定值
const name=ref("");
const pwd=ref("");

//创建提交到后端的方法
const login=()=>{
    //判断非空
    if(name.value==""){
        alert('用户名不能为空');
        return;
    }
    if(pwd.value==""){
        alert('密码不能为空');
        return;
    }

    //使用axios来传值
    axios.get("https://localhost:7153/api/T_MemberInfo/Login",
        {
            params:{
                M_name:name.value,
                pwd:pwd.value
            }
        }
    )
    .then(res=>{
        if(res.data>0){
            alert('登陆成功');
        }
        else if(res.data==-2){
            alert('用户不存在');
        }
        else if(res.data==-1){
            alert('密码不存在');
        }
    })

}
</script>